{{template "base.html" .}}
{{block "link" .}}
    <link href="static/css/Det.css" rel="stylesheet">
    <link href="static/css/loading.css" rel="stylesheet">
{{end}}
{{block "content" .}}
    <!--div style="text-align: center; width: 100%; height:100%">
        网页建设中(目标检测功能页)
        <input id="file" type="file"   />
        <button type="button" onclick="submitForm()">提交</button>
        <input id="score" type="text"></input>
        <button type="buttonagain">再提交</button>
        <img id = "image" src="">
    </div-->
    <div class="main-left">
        <div class="inputbox">
            <div class="uploadbox"  id="upload" ><img class="boximg" src="static/images/add.png"></div>
        </div>
    </div>
    <div class="main-mid">
        {{template "loading" .}}
    </div>
    <div class="main-right">
        <div class="resultbox">
            <img class="result" src="static/images/result.png">
            <div class="slider-panel">  
                <!--slider-box表示整个滑条的颜色  -->  
                <div class="slider-box">  
                    <!--slider-value表示滑条划过后的部分用一个颜色显示覆盖slider-box的颜色达到进度作用  --> 
                    <p class="slider-value"></p>  
                    <!-- 滑条的背景颜色透明只有--> 
                    <input type="range" min="0" step="0.01" max="1" value="0.2" autocomplete = "off"> 
                    </div>  
                    <p style="padding: 5%;text-align: center;">置信度：<span class='slider-percentage'>0.2</span></p>  
                </div>  
              </div> 
        </div>
    </div>
{{end}}
{{block "script" .}}
    <script src="static/js/Det.js"></script>
    <script src="static/js/loading.js"></script>
{{end}}